<?php
include_once ('../global.php');
$user_id=intval($_GET['user_id']);
$type=intval($_GET['type']);
$sql = "SELECT * FROM `bmw_test_drive_sign`  where user_id='{$user_id}' and type='{$type}'";
$info_arr= $db->SelectSQL($sql);
if(empty($info_arr)){
    exit;
}
$info=$info_arr[0];
?>
<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>试乘试驾协议</title>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/1.4.1/html2canvas.min.js"></script>
  <style>
    /*body {*/
    /*  margin: 0;*/
    /*  font-family: Arial, sans-serif;*/
    /*  background-color: #f4f4f4;*/
    /*  display: flex;*/
    /*  flex-direction: column;*/
    /*  align-items: center;*/
    /*  justify-content: center;*/
    /*  height: 100vh;*/
    /*}*/

    /*.content-container {*/
    /*  width: 375px;*/
    /*  background-color: #fff;*/
    /*  border-radius: 10px;*/
    /*  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1);*/
    /*  padding: 20px;*/
    /*  text-align: center;*/
    /*  position: relative;*/
    /*}*/

    /*.content-container img {*/
    /*  width: 100%;*/
    /*  border-radius: 10px;*/
    /*}*/

    /*.title {*/
    /*  font-size: 20px;*/
    /*  margin: 15px 0;*/
    /*  color: #333;*/
    /*}*/

    /*.description {*/
    /*  font-size: 14px;*/
    /*  color: #666;*/
    /*}*/

    /*.footer {*/
    /*  font-size: 12px;*/
    /*  color: #999;*/
    /*  margin-top: 15px;*/
    /*}*/

    .btn-container {
      margin-top: 20px;
    }

    button {
      padding: 10px 20px;
      font-size: 14px;
      border: none;
      border-radius: 5px;
      background-color: #007bff;
      color: white;
      cursor: pointer;
    }

    button:hover {
      background-color: #0056b3;
    }
  </style>
    <style>
        #navi_wait {
            height: 35px;
            background-color: #E3E3E3;
        }

        #navi_wait ul li {
            width: 32%;
            display: inline;
            float: left;
            /*line-height:33px;*/

            line-height: 36px;
            list-style-position: inside;
            border-bottom: 1px solid #A5A5A5;
            text-align: center;
        }

        #navi_wait ul li a {
            color: #767676;
            font-size: 19px;
            letter-spacing: 5px;
        }

        .scoringtable {
            border-radius: 10px;
            border-collapse: collapse;
            border-style: hidden;
            box-shadow: 0 0 0 1px #d8d8d8;
            overflow: hidden;
        }

        .topar {
            width: 90%;
            height: 28px;
            border-radius: 10px;
            margin: auto auto auto auto;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .undereven {
            font-weight: bolder;
            background-color: #B7001F;
            color: #fff;
        }

        .even {
            font-weight: bolder;
            background-color: #53565A;
            color: #fff;
        }


        .full {
            width: 100vw;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99999;
        }

        .full img {
            width: 100%;
            height: 100%;
            position: absolute;
            object-fit: cover;
        }

        .full .codediv {
            top: 40%;
            left: 50%;
            position: absolute;
            z-index: 100000;
            width: 90%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .full .codediv p {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 20px;
            font-weight: bolder;
        }

        .full .codediv .cn {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 18px;

        }

        .full .codediv .date {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 18px;
            color: #cfcfcf;
        }

        .full .codediv .codeinputs {

            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-dirction: row;
            justify-content: center;
            align-items: center;
        }

        .full .codediv .codeinputs input {
            border-radius: 10px;
            width: 50px;
            height: 50px;
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #cfcfcf;
            font-size: 22px;
            font-weight: bolder;
            text-align: center;
        }

        .full .imgsponser {
            top: 20%;
            left: 50%;
            position: absolute;
            z-index: 100000;
            width: 100%;
            height: auto;
            transform: translate(-50%, -50%);
        }

        #sta {
            position: relative;
            z-index: 99;
            height: 80px;
            width: 100%;
            background-color: transparent;
            left: 0;
            top: 0;
        }

        .backhome {
            position: fixed;
            z-index: 1001;

            left: 2vw;
            bottom: 15vw;
        }

        #scoringlists {
            margin: 0;
        }

        #scoringlists input {

            /* padding-left: 20px; */
            text-align: center;
            /* 内容和光标居中 */

            box-sizing: border-box;
        }

        #scoringlists select {
            text-align: center;
            text-indent: 10px;
            /* 根据需要调整值 */
            box-sizing: border-box;
            padding: 0 20px;
            /* 适当设置左右内边距 */
            -webkit-appearance: none !important;
            /* 去掉默认外观 */
            appearance: none;
        }

        .backhome img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        .menulists {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .menulists .menu {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 70px;
            height: 70px;
            background: linear-gradient(180deg, #1067ac 0%, #1067ac 100%);
            color: #ffffff;
            border-radius: 10px;
            margin-left: auto;
            margin-right: auto;
        }

        .menulists .menu img {
            width: 40px;
            height: 40px;
            margin-top: 5px;
        }

        .menulists .menu text {
            display: flex;
            justify-content: center;
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        /* 遮罩样式 */
        .overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.6);
            z-index: 999;
            display: none;
            /* 初始隐藏 */
        }

        /* 遮罩激活时显示 */
        .overlay.active {
            display: block;
        }

        /* 修正弹窗初始隐藏样式 */
        .popup {
            /*position: fixed;*/
            bottom: -100%;
            left: 0;
            width: 100%;
            background: #f5f5f5;
            color: #333;
            box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.2);
            transition: bottom 0.3s ease-in-out;
            border-top-left-radius: 20px;
            border-top-right-radius: 20px;
            /*z-index: 1000;*/
            /*display: none;*/
            /* 完全隐藏 */
        }

        /* 激活时显示 */
        .popup.active {
            bottom: 0;
            display: block;
        }

        .popup-header {
            padding: 15px;
            font-size: 20px;
            font-weight: bold;
            color: #444;
            border-bottom: 1px solid #ddd;
        }

        .popup-body {
            padding: 20px;
            font-family: Arial, sans-serif;
            line-height: 1.6;
            margin: 20px;
        }

        .popup-body input {
            width: calc(100% - 20px);
            padding: 10px;
            margin-bottom: 15px;
            border: 1px solid #ccc;
            border-radius: 8px;
            font-size: 16px;
            text-align: center;
            outline: none;
        }

        .popup-body input::placeholder {
            font-style: italic;
            color: #999;
        }

        .popup-body button {
            width: 100%;
            padding: 12px;
            background-color: #00aaff;
            color: white;
            border: none;
            border-radius: 8px;
            font-size: 18px;
            cursor: pointer;
        }

        .popup-body button:active {
            background-color: #0088cc;
        }

        /* 隐私政策弹窗 */
        .policy-popup .policy-content {
            /*max-height: 400px;*/
            /*overflow-y: auto;*/
            margin-bottom: 20px;
            text-align: left;
            font-size: 14px;
            line-height: 1.6;
            color: #444;
        }

        .title-class {
            display: inline-block;
            width: 90px;
        }

        h1,
        h2 {
            text-align: center;
        }

        h1 {
            font-size: 25px;
        }

        h2 {
            font-size: 23px;
        }




        .highlight {
            font-weight: bold;
        }

        em {
            font-style: italic;
        }



        ol li {
            margin-bottom: 10px;
        }

        ul li {
            list-style-type: disc;
            margin-bottom: 5px;
        }

        .up {
            width: 40px;
            height: 40px;
            position: fixed;
            left: 2vw;
            bottom: 5vw;
        }

        #content_score {
            min-height: 20px;
            padding: 0px 0 0px;
            margin: 0;
        }

        #loadingimg {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 999;
        }

        .radius_fillet3 {
            border-radius: 3px;
        }

        .tt_bar {
            height: 30px;
            border-bottom: 1px solid #e3e3e3;
        }

        .score_title2 {
            height: 30px;
            border-bottom: 1px solid #e3e3e3;
            text-indent: 14px;
        }

        .score_back {
            text-align: right;
            padding-right: 14px;
        }

        .bt_back {
            display: inline-block;
            width: 40px;
            height: 18px;
            line-height: 18px;
            cursor: pointer;
            border: 1px solid #363636;
            color: #363636;
            font-size: 12px;
            text-align: center;
        }

        .score_tround {
            height: 30px;
            line-height: 30px;
        }

        .score_tround span {
            color: #363636;
            float: right;
            font-size: 18px;
            height: 26px;
            line-height: 32px;
            margin-right: 15px;
            text-align: center;
            width: 50px;
        }

        .index_news {
            padding: 0 0;
            overflow: scroll;
            height: 100vh;
            margin: 0;
        }

        .up {
            width: 40px;
            height: 40px;
            position: fixed;
            left: 2vw;
            bottom: 5vw;
        }

        #content_score {
            min-height: 20px;
            padding: 80px 0 0px;
            margin: 0;
        }

        #loadingimg {
            width: 40px;
            height: 40px;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            z-index: 999;
        }

        .radius_fillet3 {
            border-radius: 3px;
        }

        .tt_bar {
            height: 30px;
            border-bottom: 1px solid #e3e3e3;
        }

        .score_title2 {
            height: 30px;
            border-bottom: 1px solid #e3e3e3;
            text-indent: 14px;
        }

        .score_back {
            text-align: right;
            padding-right: 14px;
        }

        .bt_back {
            display: inline-block;
            width: 40px;
            height: 18px;
            line-height: 18px;
            cursor: pointer;
            border: 1px solid #363636;
            color: #363636;
            font-size: 12px;
            text-align: center;
        }

        .score_tround {
            height: 30px;
            line-height: 30px;
        }

        .score_tround span {
            color: #363636;
            float: right;
            font-size: 18px;
            height: 26px;
            line-height: 32px;
            margin-right: 15px;
            text-align: center;
            width: 50px;
        }

        .index_news {
            padding: 0 0;
            overflow: scroll;
            height: 100vh;
            margin: 0;
        }
    </style>
    <!--header-->
    <style>
        #navi_wait {
            height: 35px;
            background-color: #E3E3E3;
        }

        #navi_wait ul li {
            width: 32%;
            display: inline;
            float: left;
            /*line-height:33px;*/

            line-height: 36px;
            list-style-position: inside;
            border-bottom: 1px solid #A5A5A5;
            text-align: center;
        }

        #navi_wait ul li a {
            color: #767676;
            font-size: 19px;
            letter-spacing: 5px;
        }

        .scoringtable {
            border-radius: 10px;
            border-collapse: collapse;
            border-style: hidden;
            box-shadow: 0 0 0 1px #d8d8d8;
            overflow: hidden;
        }

        .topar {
            width: 90%;
            height: 28px;
            border-radius: 10px;
            margin: auto auto auto auto;
            color: #fff;
            display: flex;
            justify-content: center;
            align-items: center;

        }

        .undereven {
            font-weight: bolder;
            background-color: #B7001F;
            color: #fff;
        }

        .even {
            font-weight: bolder;
            background-color: #53565A;
            color: #fff;
        }

        .pluseven {
            font-weight: bolder;
            background-color: #00438A;
            color: #fff;
        }


        .groupcode {
            display: flex;
            flex-dirction: row;
            float: left;
            align-items: center;
            margin-top: 10px;
            margin-bottom: 5px;
        }

        .groupcode div {
            width: 50px;
            height: 30px;
            display: flex;
            justify-content: center;
            align-items: center;
            color: #000;
            border-radius: 10px;
            margin-left: 10px;
        }

        .full {
            width: 100vw;
            height: 100vh;
            position: fixed;
            left: 0;
            top: 0;
            z-index: 99999;
        }

        .full img {
            width: 100%;
            height: 100%;
            position: absolute;
            object-fit: cover;
        }

        .full .codediv {
            top: 40%;
            left: 50%;
            position: absolute;
            z-index: 100000;
            width: 90%;
            transform: translate(-50%, -50%);
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
        }

        .full .codediv p {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 20px;
            font-weight: bolder;
        }

        .full .codediv .cn {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 18px;

        }

        .full .codediv .date {
            margin-bottom: 20px;
            text-align: center;
            width: 100%;
            font-size: 18px;
            color: #cfcfcf;
        }

        .full .codediv .codeinputs {

            width: 90%;
            margin-left: auto;
            margin-right: auto;
            display: flex;
            flex-dirction: row;
            justify-content: center;
            align-items: center;
        }

        .full .codediv .codeinputs input {
            border-radius: 10px;
            width: 50px;
            height: 50px;
            margin-left: auto;
            margin-right: auto;
            border: 1px solid #cfcfcf;
            font-size: 22px;
            font-weight: bolder;
            text-align: center;
        }

        .full .imgsponser {
            top: 20%;
            left: 50%;
            position: absolute;
            z-index: 100000;
            width: 100%;
            height: auto;
            transform: translate(-50%, -50%);
        }

        #sta {
            position: fixed;
            z-index: 99;
            height: 80px;
            width: 100%;
            background-color: transparent;
            left: 0;
            top: 0;
        }

        .backhome {
            position: fixed;
            z-index: 1001;

            left: 2vw;
            bottom: 15vw;
        }

        #scoringlists {
            margin: 0;
        }

        .backhome img {
            width: 40px;
            height: 40px;
            border-radius: 100%;
        }

        .testdrivetable {
            width: 100%;
            margin-bottom: 20px;
            border: none;
            border-top-left-radius: 30px;
            border-top-right-radius: 30px;
            overflow: hidden;
            border-collapse: collapse
        }

        .testdrivetable th {
            background: linear-gradient(180deg, #0c1f33, #102e3f);
            height: 50px;
            border: none;
            font-family: "poppin";
        }

        .testdrivetable td {
            border: 1px solid #92c290;
            background-color: #1a6b6d;
            height: 40px;
            font-size: 14px;
            padding-left: 20px;
            position: relative;
            font-family: "poppin";
        }

        .menulists {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            margin-top: 5px;
            margin-bottom: 5px;
        }

        .menulists .menu {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            width: 70px;
            height: 70px;
            background: linear-gradient(180deg, #1067ac 0%, #1067ac 100%);
            color: #ffffff;
            border-radius: 10px;
            margin-left: auto;
            margin-right: auto;
        }

        .menulists .menu img {
            width: 40px;
            height: 40px;
            margin-top: 5px;
        }

        .menulists .menu text {
            display: flex;
            justify-content: center;
            font-size: 12px;
            font-weight: 700;
            color: #fff;
            margin-top: 5px;
            margin-bottom: 5px;
        }
    </style>
</head>
<body>
  <!-- HTML内容 -->
  <div class="content-container" id="capture">
    <p class="description">
      <div class="popup policy-popup" id="policyPopup">
          <div class="popup-header">试乘试驾活动声明</div>
          <div class="popup-body">

              <div class="policy-content" class="pangmen">
                  <h1>[<font class="poppin">2024 BMW</font>青少年高尔夫]<br />参加者声明书</h1>

                  <p><strong>活动主办方：</strong>宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司</p>

                  <p>
                      <strong>参加者姓名：</strong><span id="participantName"></span>
                      &nbsp;&nbsp;&nbsp;&nbsp;
                      <strong>参加者类别：</strong>
                      试驾者<span id="categoryDriverCheckbox">☐</span>
                      /
                      试乘者<span id="categoryPassengerCheckbox">☐</span>
                  </p>
                  <p>
                      <strong>手机：</strong><span id="participantPhone" class="poppin"></span>
                      &nbsp;&nbsp;&nbsp;&nbsp;
                      <strong>驾照号码：</strong><span id="driverLicense" class="poppin"></span>
                  </p>

                  <h3>注意</h3>
                  <p>
                      宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司组织的<span class="highlight">[2024
                                BMW青少年高尔夫]</span>活动（以下称“本次活动”或“活动”）参加者（以下称“参加者”）必须在获得允许参加本次活动前，仔细阅读并签署本参加者声明书。参加者接受并且自愿参加<span
                              class="highlight poppin">2024年11月24日 - 2024年11月28日</span>在<span
                              class="highlight">三亚亚龙湾高尔夫球会</span>举办的本次活动，其包含高尔夫运动、试驾等活动。
                  </p>

                  <h3>参加者之权利声明条款</h3>
                  <p>
                      我认可本次活动及其所涉及的项目是为了非营利目的而组织的活动，其展示了参加者的精神面貌，健康精神。同时我也完全了解，尽管我本人及活动主办方、经活动主办方聘请或授权协助举办本次活动及/或为本次活动提供服务的各方（以下称“组织方”）、其他参加者均将尽可能的谨慎避免在活动中发生事故和损失，但参加本次活动仍无法完全避免在意外情况下导致财产损失、甚至人身伤亡的可能，本人在此声明能够承担参加本次活动的风险。
                  </p>
                  <p>
                      我在此代表我本人及可能继受我财产和权利的人做出以下承诺：
                      <br>
                      <font class="poppin">(a)</font>
                      我充分理解并确认，活动主办方和组织方就本次活动仅在“善尽合理的安全保障义务”的范围内承担责任，除此之外，由本人参加本活动或本次活动所涉及任何活动项目或挑战所引起的、或与之有关的任何形式的损失或损害而产生的任何及所有索赔请求权（无论该等请求权系基于本声明书确定的合同关系还是在任何其他适用法律项下的请求权），活动主办方、组织方及其各自员工均无需承担任何责任；
                      <br>
                      <font class="poppin">(b)</font>
                      上述理解及确认应被解释为我对相关权利（如有）的放弃，我同意不会就我已经放弃的任何及所有主张和权利而起诉活动主办方、组织方及/或其各自的员工；
                      <br>
                      <font class="poppin">(c)</font>
                      我保证并使活动主办方、组织方及其各自的员工，免于因我的行为而受到任何人针对他们的主张所导致的损害，并免于因我的行为而对任何人承担责任。
                  </p>
                  <p>
                      我理解宝马（中国）汽车贸易有限公司 &amp; 华晨宝马汽车有限公司已经为参加者购买了短期人身意外保险，保额为人民币<span class="highlight">壹佰万元 <font
                                  class="poppin">(RMB
                                    1,000,000.00)</font>
                                </span>。我了解参加本次活动无法完全排除导致财产损失和人身伤害的可能，并在此表明能够承担参加本次活动存在的保险责任范围之外的其他一切风险。我在此表明我放弃对由本次活动导致的保险责任范围之外的人身伤害或财产损失向主办方、组织方及/或其各自的员工进行索赔的权利（主办方/组织方未善尽合理的安全保障义务的情形除外）。
                  </p>
                  <p>
                      我在此无条件并不可撤销地授予本次活动的活动主办方独家权利（且其可以授权其宝马（中国）汽车贸易有限公司 &amp;
                      华晨宝马汽车有限公司），在广告、咨询活动、客户服务、市场调研、市场推广资料、媒体报道或者我参与该活动的任何叙述或记录中，以图片、文字、影音制品或者电子媒介等形式，使用我的肖像、声音、我创作的与活动有关的作品，公开我的名字、我为参加本次活动所提交的个人信息、言论和经历，并无须就上述任何一种行为向我支付费用。
                  </p>
                  <p>
                      我清楚获知，本次活动要求我具有与本次活动整个过程和所有挑战相适合的良好健康状况，我声明我个人的健康状况适合参加本次活动，并承诺为这一判断承担全部的责任。我进一步声明，我的安全是我个人的责任，并取决于我的警惕和良好的判断。我同意和保证，在任何不安全的情况下，我会立刻中止且终止参加活动、立即通知活动主办方或组织方并在第一时间选择最安全的应对方式。
                  </p>
                  <p>
                      对于因我个人原因造成的一切人身伤害、财产损害以及发生的额外费用，我同意一切责任自行承担。上述个人原因包括但不限于规定的时间、路线、活动安排范围之外的个人行为，未遵守活动当地的法律法规等情形下个人存在过错的行为，中止参加活动期间、自由活动期间或活动开始前及终止（包括提前终止参加活动的情形）后的个人行为等。
                  </p>

                  <h3>参加者行为规范</h3>
                  <p>
                      <font class="poppin">1</font>.
                      未经活动主办方事先授权，禁止使用本次活动的专用车辆，禁止在活动中使用活动主办方提供的宝马车辆之外的任何其他车辆，禁止利用活动主办方提供的宝马车辆非法运输。
                  </p>
                  <p>
                      <font class="poppin">2.</font>
                      本次活动中提供的行动用品（包括但不限于电脑、<font class="poppin">iPad</font>
                      等电子用品）只能被允许用于本次活动或活动中所举行的项目，不能用于任何其他目的，包括但不限于私人用途。所有行动用品需在本次活动结束后及时、完整地交还给活动主办方或组织方。如出现损坏丢失，参加者将承担相应责任。
                  </p>
                  <p>
                      <font class="poppin">3.</font>
                      试驾者在活动过程中应当严格执行车辆驾驶操作规程，未经培训师事先同意，不得擅自操作车内任何设施。在驾驶过程中，试驾者应当按培训师的指导进行试驾活动，按照培训讲师制定的路线和速度行驶。如试驾者违反上述事项违规操作，发生事故造成自身或第三方人身损害、财产损失以及培训车辆损坏或报废的（其中包括但不仅限于试驾车辆、道路、场地设施等），试驾者应当承担全部赔偿责任，活动主办方和组织方对此不承担任何责任。
                  </p>
                  <p>
                      <font class="poppin">4.</font>
                      除前述规定之外，活动期间，因试驾者存在下列事项致使驾驶过程中造成自身或第三方人身、财产损失的，活动主办方和组织方不承担任何责任：
                  </p>
                  <p>
                      <font class="poppin">(a)</font> 试驾者未取得驾驶证或驾驶与驾驶证载明的准驾车型不符的机动车的；<br>
                      <font class="poppin">(b)</font> 驾驶证超过有效期或驾驶证被依法扣留的；<br>
                      <font class="poppin">(c)</font> 未按规定审验驾驶证或依法应当进行体检而未按期体检或体检不合格的；<br>
                      <font class="poppin">(d)</font> 饮酒后或使用国家管制的精神药品或麻醉药品后驾车的；<br>
                      <font class="poppin">(e)</font> 试驾者违反车辆驾驶操作规程，故意造成人身损害、财产损失的。
                  </p>
                  <p>
                      <font class="poppin">5.</font>
                      试乘者须在培训师的指导下正确操控车内设施，不得在车辆行进过程中作出危险动作、扰乱驾驶人员。未经活动主办方允许，试乘者私自驾驶车辆，发生事故造成自身或第三方人身损害、财产损失以及培训车辆损坏或报废的，试乘者应当承担全部赔偿责任，活动主办方和组织方对此不承担任何责任。
                  </p>
                  <p>
                      <font class="poppin">6.</font> 活动期间，如因参加者的过错或不当行为直接或间接给主办方、组织方造成损失，相关参加者同意承担全部赔偿责任。
                  </p>
                  <p>
                      <font class="poppin">7.</font>
                      活动期间，患有心脏病、高血压、心脑血管疾病、神经系统疾病、哮喘等不利于从事刺激运动的疾病或属怀孕期的妇女，严禁参加此次活动。试驾者及试乘者均需保证自己无上述病症，若试驾者或试乘者隐瞒病情参加本次活动，所引起的一切突发情况及人身伤亡、财产损失，由试驾者或试乘者自行承担，活动主办方和组织方不承担任何责任。
                  </p>
                  <p>
                      <font class="poppin">8.</font> 活动期间，因不可抗力发生人身损害、财产损失的，活动主办方和组织方不承担任何责任。
                  </p>
                  <p>
                      <font class="poppin">9.</font> 活动期间，任何参加者不得穿着显示宝马公司竞争者标识或图片、或者显示政治言论等的服装。
                  </p>

                  <h3>安全提示</h3>
                  <p>
                      <font class="poppin">1.</font> 作为本次活动的参加者，我已完成活动主办方及组织方对活动安全规范的培训，并将严格遵守车辆驾驶操作规定。
                  </p>
                  <p>
                      <font class="poppin">2.</font>
                      我将主动配合活动主办方、组织方及其各自的工作人员，听从其安排，遵守活动秩序，严格服从上述人员指挥，遵守本地交通法规，严格遵守场内、场外道路交通安全规则，保障道路交通安全，安全完成本次活动。
                  </p>
                  <p>
                      <font class="poppin">3.</font> 我已知悉所有参加者白天禁止饮酒，任何时间均禁止酒后驾驶。
                  </p>
                  <p>
                      <font class="poppin">4.</font>
                      我理解本次活动要求我具有与本次活动整个过程和所有挑战相适合的良好健康和精神状况。我声明我个人的健康和精神状况适合参加本次活动，并承诺为这一判断承担全部的责任。
                  </p>

                  <h3>通过签署本参加者声明书，我在此确认：</h3>
                  <p>
                      <font class="poppin">1.</font> 我已阅读并完成本次活动申请的所有部分。
                  </p>
                  <p>
                      <font class="poppin">2.</font> 我已阅读、理解并同意本《[2024 BMW青少年高尔夫]参加者声明书》中的所有内容。
                  </p>
                  <p>
                      <font class="poppin">3.</font>
                      我了解参加者行为规范为本声明书的组成部分，我有责任阅读、理解并遵守该行为规范，以及活动主办方或组织方在本次活动中不时做出的纪律方针、指示、描述、详细说明或规范和所有中国法律法规（“规则”）；我理解上述规则适用于我在本次活动中参加的所有活动、挑战以及活动项目中的行为，我接受并同意遵守规则。
                  </p>
                  <p>
                      <font class="poppin">4.</font>我确认，在上述以黑体及下划线方式重点提示的段落中我所作出的权利放弃系出于自愿。
                  </p>
                  <p>
                      <font class="poppin">5.</font>
                      我已经告知了我的近亲属和可能继受我财产和权利的人，我参加本次活动以及因本次活动可能引起的或与其有关的可能的风险，并且就我参加本次活动和签署本参加者声明书获得了他们的同意。我承诺自我签署本声明之时起，本声明之内容对于我的近亲属和可能继受我财产和权利的人同样有效。
                  </p>
                  <p>
                      <font class="poppin">6.</font>作为试驾者，我已年满<span class="highlight">二十<font class="poppin">（20）
                                </font></span>周岁，持有本人真实有效的中华人民共和国驾驶执照（签发日期在<span class="highlight"><span
                                  class="highlight">[2023年11月24日]</font>
                                    </span>之前），并且具有至少一年的驾驶经验，能够适应中国各种各样的道路状况和处理各种突发事件。
                  </p>
                  <p>
                      <font class="poppin">7.</font>
                      我同意因本次活动有关事宜及有关文件的解释和执行发生的争议，各方应尽可能协商解决，若协商不成，争议将提交给活动主办方法定住所地的法院审理。
                  </p>
                  <p>
                      <font class="poppin">8.</font>我声明我从未参加过职业高尔夫比赛。
                  </p>
                  <p>
                      <font class="poppin">9.</font>
                      我理解参加本次活动完全以自愿为基础，我声明我是自愿申请参加本次活动。我在此进一步陈述和保证我所做的上述声明和在此提供的信息是真实的，无重大误导和遗漏。若我的上述任何一项声明与我提供的任何信息不真实、有误导性或存在遗漏，我接受活动主办方及/或组织方对我采取相关处罚措施，包括但不限于取消参加全部或部分活动的资格、由我自付返程费用及办理返程手续、赔偿活动主办方已付费用等。
                  </p>
                  <p>
                      <font class="poppin">10.</font>
                      我理解并同意在没有获得本次活动主办方事先书面同意情况下，我不能，在任何时候，直接或间接地，向任何媒体成员或与任何媒体有关的人员披露本次活动的任何内容，或与其进行讨论。
                  </p>

                  <h3>个人信息使用授权声明</h3>
                  <p>
                      宝马(中国)汽车贸易有限公司 &amp; 华晨宝马汽车有限公司（“我们”）非常重视客户个人信息的保护。我们将出于为参加<font class="poppin">2024
                          BMW</font>
                      青少年高尔夫试乘试驾人员办理保险、车主身份核查等事项的目的，收集和使用您的姓名、电话、身份证号码。我们将在实现所述目的所必需的期间内处理您的个人信息，并使用符合业界标准的安全防护措施保护您的个人信息。您可以通过宝马中国官方网站或宝马授权经销商随时查阅《宝马个人信息保护政策》。您参与活动、接受我们或宝马授权经销商的服务并向我们提供前述个人信息即视为您已阅读并接受《宝马个人信息保护政策》。我们将按照相关法律法规及该政策合法使用和保护您的个人信息，您可根据《宝马个人信息保护政策》中第五章的内容行使您的个人信息权利。
                  </p>

                  <p><strong>本参加者声明书自签署之日起生效且不可撤销。</strong></p>


                  <p>
                      <strong>我已充分理解并接受上述内容。（请完整抄写这句话）</strong>
                  </p>

                  <!-- 空白区域，点击“点击复制”后显示文字 -->
                  <p id="copyArea" style="min-height: 50px; border: 1px solid #ccc; padding: 10px;font-weight: 700; display: flex;  justify-content: center;
  align-items: center; ">

                      我已充分理解并接受上述内容
                  </p>



                  <p><strong>签&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名：</strong> <img src="./uploads/testdrive/<?php echo $info['sign_img'];?>"></p>

                  <!-- 身份证号码 -->
                  <p><strong>身&nbsp;份&nbsp;证&nbsp;号：</strong><span id="idCardNumber" class="poppin"></span></p>
                  <!-- 联系电话（手机） -->
                  <p><strong>联系电话（手机）：</strong><span id="contactPhone" class="poppin"></span></p>
                  <!-- 日期 -->
                  <p><strong>日&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;期：</strong><span
                              id="currentDate" class="poppin"><?php echo date("Y年m月d日",strtotime($info['create_time']));?></span></p>

              </div>

          </div>
      </div>

    </p>
  </div>

  <!-- 操作按钮 -->
  <div class="btn-container">
    <button id="generateImage">生成图片</button>
  </div>
  <script type="text/javascript" src="<?php echo JS_PATH ?>jquery-1.8.3.min.js"></script>
  <script>
    document.getElementById('generateImage').addEventListener('click', function() {
      // 获取要截图的HTML容器
      const captureElement = document.getElementById('capture');

      // 使用html2canvas生成Canvas
      html2canvas(captureElement, {
        useCORS: true, // 允许跨域图片渲染
        scale: 2      // 提高分辨率
      }).then(canvas => {
        // 将Canvas转为图片
        const imageURL = canvas.toDataURL("image/png");

        // 创建一个链接下载图片
        const link = document.createElement('a');
        link.href = imageURL;
        link.download = 'generated-image.png';
        link.click();
      }).catch(err => {
        console.error('生成图片失败：', err);
      });
    });
  </script>
<script>
  var selecttype='<?php echo $info['selecttype'];?>';
    $("#participantName").text('<?php echo $info['name'];?>');
    $("#participantPhone").text('<?php echo $info['phoneno'];?>');
    $("#driverLicense").text('<?php echo $info['jiazhao'];?>');
    $("#idCardNumber").text('<?php echo $info['cardtype'];?>');
    $("#contactPhone").text('<?php echo $info['phoneno'];?>');
    // 根据类别设置选中的复选框
    if (selecttype === '试驾') {
        document.getElementById('categoryDriverCheckbox').innerText = '☑';
        document.getElementById('categoryPassengerCheckbox').innerText = '☐';
    } else if (selecttype === '试乘') {
        document.getElementById('categoryDriverCheckbox').innerText = '☐';
        document.getElementById('categoryPassengerCheckbox').innerText = '☑';
    } else {
        // 如果类别未知，默认都不选中
        document.getElementById('categoryDriverCheckbox').innerText = '☐';
        document.getElementById('categoryPassengerCheckbox').innerText = '☐';
    }

</script>
</body>
</html>